<template>
    <div class="cart-list">
        <scroll class="content" ref="scroll">
            <cart-list-item
                v-for="(item,index) in cartList"
                :key="index"
                :item-info="item"
                />
        </scroll>
    </div>
</template>

<script>
    import scroll from "components/common/scroll/Scroll"
    import CartListItem from './CartListItem'
    import {mapGetters} from "vuex"
    export default {
        name: "CartList",
        components:{
            scroll,
            CartListItem
        },
        computed:{
            ...mapGetters(['cartList'])
        },
        activated(){
            this.$refs.scroll.refresh()
        }
    }
</script>

<style scoped>
    .cart- list{
        padding-top: 44px;
        height: 100vh;
        position: relative;
    }
    .content{
        overflow: hidden;
        position: absolute;
        top: 44px;
        bottom: 49px;
        left: 0;
        right: 0;
    }
</style>
